﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="Generator" content="Serif WebPlus X5">
<meta http-equiv='X-UA-Compatible' content='IE=EmulateIE8' ><title>Gestiondesprojets</title>
<script type="text/javascript" src="media/js/jsFlashVer.js"></script>
<script type="text/javascript" src="media/js/jquery.js"></script>
<link rel = "icon" href = "media/images/favicon.ico"/>
<script type="text/javascript" src="media/js/jquery.wplightbox.js"></script>
<!-- BOOTSTRAP CSS FRAMEWORK IMPORT-->
<link rel = "stylesheet" href ="libs/bootstrap/css/bootstrap.css"/>
<link rel = "stylesheet" href ="libs/bootstrap/css/datepicker.css"/>
<!-- The AJAX Code for project deletion here-->
<script type = "text/javascript" src = "libs/jquery/jquery-1.7.1.js"></script>
<script type = "text/javascript" src = "libs/bootstrap/js/bootstrap.js"></script>
<script type = "text/javascript" src = "libs/bootstrap/js/bootstrap-datepicker.js"></script>
<script type = "text/javascript" src = "media/js/custom.js"></script>

<style type="text/css">
body {margin: 0px; padding: 0px;}
.Artistic-Body-P
{
    margin:0.0px 0.0px 0.0px 0.0px; text-align:center; font-weight:400;
}
.Artistic-Body-C
{
    font-family:"Verdana", sans-serif; font-weight:700; color:#ffffff; text-decoration:underline; font-size:13.0px; line-height:1.23em;
}
.Artistic-Body-C-C0
{
    font-family:"Verdana", sans-serif; font-weight:700; color:#e7e9f0; text-decoration:underline; font-size:13.0px; line-height:1.23em;
}

/* Deconnexion */
.Table-Body-C
{
    font-family:"Arial", sans-serif; color:#ffffff; font-size:16.0px; line-height:1.19em;
}
.Artistic-Body-C
{
    font-family:"Verdana", sans-serif; font-weight:700; color:#8c255f; font-size:11.0px; line-height:1.18em;
}
.Artistic-Body-C-C0
{
    font-family:"Verdana", sans-serif; font-weight:700; color:#2a3b56; font-size:11.0px; line-height:1.18em;
}
.Artistic-Body-C-C1
{
    font-family:"Verdana", sans-serif; color:#2a3b56; font-size:11.0px; line-height:1.18em;
}
.Table-Body-C-C0
{
    font-family:"Verdana", sans-serif; font-size:16.0px; line-height:1.13em;
}
/** fin Déconnexion */
.Button1,.Button1:link,.Button1:visited{background-position:0px 0px;text-decoration:none;display:block;position:absolute;background-image:url(media/images/wpc1dae970_06.png);}
.Button1:focus{outline-style:none;}
.Button1:hover{background-position:0px -72px;}
.Button1:active{background-position:0px -36px;}
.Button1 span,.Button1:link span,.Button1:visited span{color:#ffffff;font-family:Arial,sans-serif;font-weight:normal;text-decoration:none;text-align:center;text-transform:none;font-style:normal;left:4px;top:8px;width:71px;height:17px;font-size:13px;display:block;position:absolute;cursor:pointer;}
.Button2,.Button2:link,.Button2:visited{background-position:0px -36px;text-decoration:none;display:block;position:absolute;background-image:url(media/images/wpc1dae970_06.png);}
.Button2:focus{outline-style:none;}
.Button2:hover{background-position:0px -72px;}
.Button2 span,.Button2:link span,.Button2:visited span{color:#ffffff;font-family:Arial,sans-serif;font-weight:normal;text-decoration:none;text-align:center;text-transform:none;font-style:normal;left:4px;top:8px;width:71px;height:17px;font-size:13px;display:block;position:absolute;cursor:pointer;}
.Button3,.Button3:link,.Button3:visited{background-position:0px 0px;text-decoration:none;display:block;position:absolute;background-image:url(media/images/wp491e19f2_06.png);}
.Button3:focus{outline-style:none;}
.Button3:hover{background-position:0px -72px;}
.Button3:active{background-position:0px -36px;}
.Button3 span,.Button3:link span,.Button3:visited span{color:#ffffff;font-family:Arial,sans-serif;font-weight:normal;text-decoration:none;text-align:center;text-transform:none;font-style:normal;left:4px;top:8px;width:99px;height:17px;font-size:13px;display:block;position:absolute;cursor:pointer;}
.Button4,.Button4:link,.Button4:visited{background-position:0px 0px;text-decoration:none;display:block;position:absolute;background-image:url(media/images/wp30b60ad2_06.png);}
.Button4:focus{outline-style:none;}
.Button4:hover{background-position:0px -72px;}
.Button4:active{background-position:0px -36px;}
.Button4 span,.Button4:link span,.Button4:visited span{color:#ffffff;font-family:Arial,sans-serif;font-weight:normal;text-decoration:none;text-align:center;text-transform:none;font-style:normal;left:4px;top:8px;width:110px;height:17px;font-size:13px;display:block;position:absolute;cursor:pointer;}
</style>
<script type="text/javascript" src="media/js/jspngfix.js"></script>
<script type="text/javascript">
var blankSrc = "media/js/blank.gif";
</script>

<script type="text/javascript">
$(document).ready(function() {

$('a[rel*=wplightbox]').wplightbox({ strImgDir: 'media/images/', strScriptDir: 'media/js/', nButtonType: 2, nBorderType: 6 });

})
</script>

</head>

<body text="#000000" style="background-color:#ffffff; text-align:center; height:1000px;">

<div style="background-color:transparent;text-align:left;margin-left:auto;margin-right:auto;position:relative;width:750px;height:1000px;">
<div style="position:absolute;left:357px;top:10px;width:382px;height:192px; background: transparent url(media/images/wpc148e17f_06.png) no-repeat top left;">
</div>
<div style="position:absolute;left:36px;top:138px;width:703px;height:98px; background: transparent url(media/images/wp1f3d435f_06.png) no-repeat top left;">
    
<div class="Wp-Artistic-Body-P">
    <span class="Artistic-Body-C"> [${login}] </span><span class="Artistic-Body-C-C0">/</span><span class="Artistic-Body-C-C1"><a href="." style="text-decoration:underline;"> Déconnexion </span><span class="Artistic-Body-C-C0"></a><br></span>
</div>
</div>
<img src="media/images/wpa7a35440_06.png" width="684" height="84" border="0" alt="" onload="OnLoadPngFix()" style="position:absolute;left:66px;top:199px;">
<a href="menu" id="nav_26_B1" class="Button1" style="display:block;position:absolute;left:97px;top:210px;width:82px;height:36px;"><span>Accueil</span></a>
<a href="gestiondesprojets" id="nav_26_B2" class="Button2" style="display:block;position:absolute;left:189px;top:210px;width:82px;height:36px;"><span>Projets</span></a>
<a href="gestiondescollaborateurs" id="nav_26_B3" class="Button3" style="display:block;position:absolute;left:281px;top:210px;width:110px;height:36px;"><span>Collaborateurs</span></a>
<a href="gestiondesreunions" id="nav_26_B4" class="Button1" style="display:block;position:absolute;left:401px;top:210px;width:82px;height:36px;"><span>Réunions</span></a>
<a href="tableaudebord" id="nav_26_B5" class="Button4" style="display:block;position:absolute;left:493px;top:210px;width:121px;height:36px;"><span>Tableau du bord</span></a>
<div style="position:absolute;left:62px;top:278px;width:615px;height:453px; background-color:#58c900;background: transparent url(media/images/wp50104d4a_06.png) no-repeat top left;">
    <div style="position:absolute;left:70px;top:20px;width:192px;height:192px; background: transparent url(media/images/wpcbd96f06_06.png) no-repeat top left;">
        <div style="position:absolute;left:37px;top:160px;width:116px;height:16px;">
            <div class="Artistic-Body-P">
                <span class="Artistic-Body-C"><a data-toggle ="modal" href="#creerprojets" style="color:#ffffff;text-decoration:underline;">Nouveau projet</a></span></div>
        </div>
    </div>

   <div style="position:absolute;left:353px;top:20px;width:192px;height:192px; background: transparent url(media/images/wpd8e87427_06.png) no-repeat top left;">
        <div style="position:absolute;left:29px;top:168px;width:141px;height:16px;">
            <div class="Artistic-Body-P">
                <span class="Artistic-Body-C-C0"><a href="gererlesprojets" style="color:#e7e9f0;text-decoration:underline;">Gerer les projets</a></span></div>
        </div>
    </div>
</div>

<div class ="modal hide fade" id="creerprojets" >
        <div class="modal-header">
            <a class="close" data-dismiss="modal" >&times;</a>
            <h3>
                Création d'un nouveau projet 
            </h3>
        </div>
        <div class="modal-body" >
            <form id ="nouveau-projet" method = "POST" action = "gestiondesprojets" class="form-horizontal">
                <fieldset>
                <input type ="hidden" value ="ceerprojet" name="action"/>
                <div class="control-group">
                    <label class="control-label" for="titre"> Titre du projet </label>
                    <div class="controls">
                    <input type="text" class="input-xlarge" id="titre" name ="titre">
                    </div>
                </div>

                <div class="control-group">
                    <label class="control-label" for="textarea">Description</label>
                    <div class="controls">
                    <textarea class="input-xlarge" id="description" name ="description"rows="4"></textarea>
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="ddebut"> Date début </label>
                    <div class="controls">
                    <input type="text" class="input-medium datepicker" id="ddebut" name ="ddebut" data-date="02-04-2012" value = "02-04-2012" data-date-format="dd-mm-yyyy">
                    </div>
                </div>
                <div class="control-group">
                    <label class="control-label" for="dfin"> Date fin </label>
                    <div class="controls">
                    <input type="text" class="input-medium datepicker" id="dfin" name ="dfin" data-date="02-04-2012" value = "02-04-2012" data-date-format="dd-mm-yyyy" >
                    </div>
                </div>
                </fieldset>
            </form>
        </div>
            <div class ="modal-footer">
                <input id = "save-projet" class ="btn btn-primary"type="button" value = "Enregister">
            </div>
        </div>
</div>
    

</body>
</html>